<template>
  <div>
    <el-Menu>
      <el-menu-item>
        <router-link :to="{name:'menuLink'}">主页</router-link>
      </el-menu-item>
      <el-menu-item>
        <router-link :to="{name:'adminLink'}">菜单</router-link>
      </el-menu-item>
      <el-menu-item>
        <!-- <router-link :to="{name:'guanLiLink'}">管理</router-link> -->
        <router-link :to="{name:'zhenMenuLink'}">管理</router-link>
      </el-menu-item>
      <el-menu-item>
        <router-link :to="{ name: 'aboutLink'}">关于我们</router-link>
      </el-menu-item>
    </el-Menu>
    <router-link :to="{name:'loginLink'}" class="li">登录</router-link>
    <router-link :to="{name:'registerLink'}" class="li">注册</router-link>
    <div>
      <router-view></router-view>
    </div>
    <img src="../assets/小女孩.jpg" alt />
  </div>
</template>
<script>
export default {
  data() {
    return {};
  }
};
</script>
<style lang="less" scope>
a {
  text-decoration: none;
  font-size: 20px;
  color: rgb(190, 32, 58);
  font-weight: 900;
}
.el-menu-item {
  float: left;
  margin: 20px 50px 0px 0px;
}
.li {
  float: right;
  margin: 0px 10px;
  color: #ccc;
}
</style>